<% include ../header.ejs %>
<div class="filter-wrap">
    <div class="container">
        <h1 class="page-title">视频作品</h1>
        <article class="fil-item">
            <div class="fil-pro">类型：</div>
            <div class="fil-val"><a class="cur" href="">全部</a><a href="">短片</a><a href="">微电影</a><a href="">宣传片</a><a href="">MV</a><a href="">后期效果</a><a href="">广告</a><a href="">其他</a></div>
        </article>
        <article class="fil-item">
            <div class="fil-pro">排序：</div>
            <div class="fil-val"><a class="cur" href="">站点推荐</a><a href="">最新发布</a><a href="">喜欢最多</a><a href="">观看最多</a></div>
        </article>
    </div>
</div>
<section class="works-wrap">
    <div class="container">
        <div class="w-video-list">
            <div class="row clearfix">
                <% for(i=1;i<=15;i++) { %>
                <div class="col-sm-6 col-md-4">
                    <div class="works-item">
                        <div class="works-box clearfix">
                            <a href="" target="_blank">
                                <figure><img class="img-responsive" src="/images/demo/case<%=i%>.jpg" alt=""/></figure>
                                <div class="v-title"><span>微电影节第三单元作品《我是你爸爸》</span></div>
                            </a>
                            <article class="other-info">
                                <div class="w-job">本片职务：<span>导演</span><span>编剧</span><span>摄影</span></div>
                                <p>母亲的生日快到了，正忙于生意的儿子却抽不出时间为母亲过生日，当他下班之后，在路上邂逅了一个小女孩，女孩捧着花说是要去给母亲过生日，儿子于是帮忙...</p>
                                <div class="time-wrap clearfix">
                                    <time>2014-12-12 发布</time>
                                    <div class="w-act"><span>214 喜欢</span><span>456 观看</span></div>
                                </div>
                            </article>
                        </div>
                        <footer class="per-act clearfix">
                            <div class="col-xs-6 col-sm-6 item">
                                <div class="per-ava"><a href="" target="_blank"><img class="img-circle img-responsive" src="/images/demo/avatar<%=i%>.jpg" alt=""/></a></div>
                                <div class="per-info">
                                    <h5><a href="" target="_blank">乌龟</a></h5>
                                    <small><span>导演</span><span>摄像</span><span>配音师</span></small>
                                </div>
                            </div>
                            <a class="col-xs-3 col-sm-3 item" href="">
                                <div class="num">456</div>
                                <div class="sub">作品</div>
                            </a>
                            <div class="col-xs-3 col-sm-3 item"><a class="btn-link" href=""><i class="fa fa-plus"></i> 加关注</a></div>
                        </footer>
                    </div>
                </div>
                <% } %>
            </div>
        </div>
        <!-- 分页 -->
        <div class="pagination-wrap clearfix">
            <div id="light-pagination"></div>
        </div>
    </div>
</section>
<% include ../footer.ejs %>
